YUI().use('node', 'io',	'json-parse', 'charts', 'charts-legend', function(Y) {
	    var callback1 = {
		timeout : 5000,
		on : {
		    success : function(x, o) {
			var genderValues = [];
			try {
			    genderValues = Y.JSON.parse(o.responseText);
			} catch (e) {
			    alert("JSON Parse failed!");
			    return;
			}

			new Y.Chart({
			    render : "#genderStatisticsChart",
			    categoryKey : "gender",
			    seriesKeys : [ "count" ],
			    dataProvider : genderValues,
			    type : "pie",
			    legend : {
				position : "bottom",
				width : 1,
				height : 1,
				styles : {
				    padding : {
					top : 0,
					right : 0,
					bottom : 0,
					left : 0
				    },
				    hAlign : "center",
				    hSpacing : 1,
				    item : {
					label : {
					    fontSize : "60%"
					}
				    }
				}
			    }
			});

		    },
		    failure : function(x, o) {
			alert("Async call failed!");
		    }
		}
    };

    Y.one('#showGenderStatistics').on('click', function() {
		Y.one('#genderStatisticsChartContainer').show(true);
		// Make the call to the server for JSON data
		getGenderStatistics = Y.io("/FreemarkerTutorial/testJson",	callback1);
	    });
	});